<ui:composition xmlns="http://www.w3.org/1999/xhtml"
			    xmlns:ui="http://java.sun.com/jsf/facelets"
			    xmlns:h="http://java.sun.com/jsf/html"
			    xmlns:f="http://java.sun.com/jsf/core"
			    xmlns:rich="http://richfaces.org/rich"
			    xmlns:a4j="http://richfaces.org/a4j"
			    template="/WEB-INF/layout/template.xhtml">
	
	<ui:define name="title">
		<h:outputText value="#{i18n['webcam.title']}"/>
	</ui:define>
		
	<ui:define name="contents">
		<h1>
			<h:outputText value="#{i18n['webcam.hamburg.hafen']}"/>
		</h1>

		<a4j:region>
			<h:form>
				<a4j:poll interval="1000" reRender="webcamHamburgHafen"/>
			</h:form>
		</a4j:region>		

		<h:graphicImage id="webcamHamburgHafen"
		                value="http://www.hafen-hamburg.de/webcam/camstill.jpg"
		                alt="#{i18n['webcam.hamburg.hafen']}"/>

		<h1>
			<h:outputText value="#{i18n['webcam.muenchen.marienplatz']}"/>
		</h1>

		<a4j:region>
			<h:form>
				<a4j:poll interval="1000" reRender="webcamMuenchenMarienplatz"/>
			</h:form>
		</a4j:region>		

		<h:graphicImage id="webcamMuenchenMarienplatz"
		                value="http://webcam.portalmuc.de/images/webcam/webcam_marienplatz.jpg"
		                alt="#{i18n['webcam.muenchen.marienplatz']}"/>
	</ui:define>
</ui:composition>

